<template>
  <div class="wrapper">
    <Anchor :labelList="labels" activeId="row-01" labelWidth="100">
      <div class="line" id="row-01">
        <InfoBase v-model="value" />
      </div>
      <div class="line" id="row-02">
        <InfoWarrant v-model="value" />
      </div>
      <div class="line" id="row-03">
        <infoBuildNode v-model="value" />
      </div>
      <div class="line" id="row-04">
        <infoSchedule v-model="value" />
      </div>
      <div class="line" id="row-05">
        <infoOrder v-model="value" />
      </div>
      <div class="line" id="row-06">
        <infoFeedback v-model="value" />
      </div>
       <div class="line" id="row-07">
        <infoProjectPhoto v-model="value" />
      </div>
      <div class="line" id="row-08">
        <infoImage v-model="value" />
      </div>
    </Anchor>
    <div class="dialogBottmView">
      <el-button @click="closeDialog">关 闭</el-button>
      <el-button @click="saveDialog" type="primary">保 存</el-button>
      <el-button @click="saveDialog" type="primary">生成临时账号</el-button>
      <el-button @click="saveDialog" type="primary">转经销商</el-button>
    </div>
  </div>
</template>

<script>
import { getDealerCompanyByCode } from '@/api/common/org/dealerCompany';
import { authority } from '@/utils/authMixin';
import { dictionary } from '@/utils/dictMixin';
import InfoBase from '../dealer/infoBase'; //基本信息
import InfoWarrant from '../dealer/infoWarrant'; //授权信息
import infoBuildNode from './infoBuildNode'; //建设节点信息
import infoSchedule from './infoSchedule'; //进度节点信息
import infoOrder from './infoOrder'; //订购节点信息
import infoFeedback from './infoFeedback'; //总部反馈说明
import infoProjectPhoto from './infoProjectPhoto'; //施工进度说明
import infoImage from './infoImage'; //其他施工照片

export default {
  mixins: [authority, dictionary],
  components: {
    InfoBase,
    InfoWarrant,
    infoBuildNode,
    infoSchedule,
    infoOrder,
    infoFeedback,
    infoProjectPhoto,
    infoImage
  },
  props: {
    value: {
      type: Object,
      required: true
    }
  },
  data() {
    return {
      labels: [
        { title: '基本信息', id: 'row-01' }, 
        { title: '授权信息', id: 'row-02' }, 
        { title: '建设节点信息', id: 'row-03' }, 
        { title: '进度节点信息', id: 'row-04' }, 
        { title: '订购节点信息', id: 'row-05' }, 
        { title: '总部反馈说明', id: 'row-06' }, 
        { title: '施工进度说明', id: 'row-07' }, 
        { title: '其他施工照片', id: 'row-08' }
        ]
    };
  },
  methods: {
    //保存
    saveDialog() {
      this.$emit('close', { visible: false });
    },
    //取消操作
    closeDialog() {
      this.$emit('close', { visible: false });
    }
  }
};
</script>
<style scoped>
.wrapper {
  height: calc(100vh - 110px);
}
</style>